
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<link rel="shortcut icon" type="image/x-icon" href="style/favicon.ico"/>
<link href="style/style.css" rel="stylesheet" type="text/css" />
<link href="style/bootstrap.min.css" rel="stylesheet" type="text/css" />
<script src="js/jquery-3.5.1.min.js"></script>
<script src="js/bootstrap.min.js"></script>
<script src="js/gatling.js"></script>
<script src="js/menu.js"></script>
<script src="js/ellipsis.js"></script>
<script src="js/all_sessions.js"></script>
<script src="js/stats.js"></script>
<script src="js/highstock.js"></script>
<script src="js/highcharts-more.js"></script>
<script src="js/theme.js"></script>
<script src="js/unpack.js"></script>
<title>Gatling Stats - Global Information</title>
</head>
<body>
<div class="app-container">
<div class="frise"></div>
<div class="head">
  <div class="gatling-open-source">
    <a class="gatling-logo" href="https://gatling.io" target="blank_" title="Gatling Home Page"><img alt="Gatling" src="style/logo.svg"/></a>
    <a class="gatling-documentation" href="https://gatling.io/docs/" target="_blank">Documentation</a>
  </div>
  <a class="enterprise" href="https://gatling.io/enterprise/next-step/" target="_blank">Try <img alt="Gatling Enterprise" src="style/logo-enterprise.svg"/></a></div>
<div class="container details">
  <div class="nav">
    <ul></ul>
  </div>
    <div class="cadre">
      <div class="content">
        <div class="content-header">
          <div class="onglet">
            RinhaBackendSimulation
          </div>
          <div class="sous-menu" id="sousMenu">
            <div class="sous-menu-spacer">
              <div class="item ouvert"><a href="index.html">Global</a></div>
                <div class="item "><a id="details_link" href="#">Details</a></div>
              </div>
            </div>
          </div>
          <div class="content-in">
            <div class="container-article">
            <div class="article">
              
              
<div class="schema-container">

            <div id="ranges" class="schema ranges">
            </div>

            <div class="schema polar">
              <div id="container_number_of_requests"></div>
            </div>
<div class="simulation-card">
  <div class="simulation-version-information">
  <span class="simulation-information-title">Gatling Version</span>
    <span class="simulation-information-item">
      <span class="simulation-information-label">Version: </span>
      <span>3.9.5</span>
    </span>
    <span class="simulation-information-item">
      <span class="simulation-information-label">Released: </span>
      <span>2023-05-10</span>
    </span>
  </div>
  <div id="simulation-information" class="simulation-version-information">
    <span class="simulation-information-title">Run Information</span>
    <div class="simulation-information-container">
      <span class="simulation-information-item">
        <span class="simulation-information-label">Date: </span>
        <span>2023-08-23 21:17:52 GMT</span>
      </span>
      <span class="simulation-information-item">
        <span class="simulation-information-label">Duration: </span>
        <span>3m 24s </span>
      </span>
      <span class="simulation-tooltip simulation-information-item description" title="Description" data-content="uasouz">
        <span class="simulation-information-label">Description: </span>
        <span>uasouz</span>
      </span>

    </div>
  </div>
</div>
</div>

                      <div id="statistics_table_container">
                        <div id="stats" class="statistics extensible-geant collapsed">
                            <div class="title">
                              <div id="statistics_title" class="title_base"><span class="title_base_stats">Stats</span><span class="expand-table">Fixed height</span><span id="toggle-stats" class="toggle-table"></span><span class="collapse-table">Full size</span></div>
                              <div class="right">
                                  <button id="statistics_full_screen" class="statistics-button" onclick="openStatisticsTableModal()">Full Screen</button>
                                  <button class="statistics-button expand-all-button">Expand all groups</button>
                                  <button class="statistics-button collapse-all-button">Collapse all groups</button>
                              </div>
                            </div>
                            <div class="scrollable">
                              <table id="container_statistics_head" class="statistics-in extensible-geant">
                                  <thead>
                                      <tr>
                                          <th rowspan="2" id="col-1" class="header sortable sorted-up"><span>Requests</span></th>
                                          <th colspan="5" class="header"><span class="executions">Executions</span></th>
                                          <th colspan="8" class="header"><span class="response-time">Response Time (ms)</span></th>
                                      </tr>
                                      <tr>
                                          <th id="col-2" class="header sortable"><span>Total</span></th>
                                          <th id="col-3" class="header sortable"><span>OK</span></th>
                                          <th id="col-4" class="header sortable"><span>KO</span></th>
                                          <th id="col-5" class="header sortable"><span>% KO</span></th>
                                          <th id="col-6" class="header sortable"><span><abbr title="Count of events per second">Cnt/s</abbr></span></th>
                                          <th id="col-7" class="header sortable"><span>Min</span></th>
<th id="col-8" class="header sortable"><span>50th pct</span></th>
<th id="col-9" class="header sortable"><span>75th pct</span></th>
<th id="col-10" class="header sortable"><span>95th pct</span></th>
<th id="col-11" class="header sortable"><span>99th pct</span></th>
<th id="col-12" class="header sortable"><span>Max</span></th>
<th id="col-13" class="header sortable"><span>Mean</span></th>
<th id="col-14" class="header sortable"><span><abbr title="Standard Deviation">Std Dev</abbr></span></th>
                                      </tr>
                                  </thead>
                                  <tbody></tbody>
                              </table>
                              <table id="container_statistics_body" class="statistics-in extensible-geant">
                                  <tbody></tbody>
                              </table>
                            </div>
                        </div>
                      </div>
<dialog id="statistics_table_modal" class="statistics-table-modal">
  <div class="statistics-table-modal-header"><button class="button-modal" onclick="closeStatisticsTableModal()">x</button></div>
  <div class="statistics-table-modal-container">
    <div id="statistics_table_modal_content" class="statistics-table-modal-content"></div>
  </div>
</dialog>
<script>
function openStatisticsTableModal () {
  const statsTable = document.getElementById("stats");
  const statsTableModal = document.getElementById("statistics_table_modal");
  const fullScreenButton = document.getElementById("statistics_full_screen");

  fullScreenButton.disabled = true;

  if (typeof statsTableModal.showModal === "function") {
    const statsTableModalContent = document.getElementById("statistics_table_modal_content");

    statsTableModalContent.innerHTML = "";
    statsTableModalContent.appendChild(statsTable);
    statsTableModal.showModal();

    statsTableModal.addEventListener("close", function () {
      const container = document.getElementById("statistics_table_container");

      container.appendChild(statsTable);
      fullScreenButton.disabled = false;
    });
  } else {
    const incompatibleBrowserVersionMessage = document.createElement("div");

    incompatibleBrowserVersionMessage.innerText = "Sorry, the <dialog> API is not supported by this browser.";
    statsTable.insertBefore(incompatibleBrowserVersionMessage, statsTable.children[0]);
  }
}

function closeStatisticsTableModal () {
  const statsTableModal = document.getElementById("statistics_table_modal");

  statsTableModal.close();
}
</script>
<div class="statistics extensible-geant collapsed">
    <div class="title">
        Errors
    </div>
    <table id="container_errors" class="statistics-in extensible-geant">
        <thead>
            <tr>
                <th id="error-col-1" class="header sortable"><span>Error</span></th>
                <th id="error-col-2" class="header sortable"><span>Count</span></th>
                <th id="error-col-3" class="header sortable"><span>Percentage</span></th>
            </tr>
        </thead>
		<tbody>
		    
		    <tr>
		    	<td class="error-col-1 total ko">j.n.ConnectException: finishConnect(..) failed: Connection refused<span class="value" style="display:none">0</span></td>
		    	<td class="value error-col-2 total ko">68429</td>
		    	<td class="value error-col-3 total ko">100 %</td>
		    </tr>
		</tbody>
    </table>
</div>

            <div class="schema geant">
              <div id="active_users" class="geant"></div>
            </div>

            <div class="schema geant">
              <div id="responsetimeDistributionContainer" class="geant"></div>
            </div>

            <div class="schema geant">
              <div id="responsetimepercentilesovertimeokPercentilesContainer" class="geant"></div>
            </div>

            <div class="schema geant">
                <div id="requests" class="geant"></div>
            </div>

            <div class="schema geant">
                <div id="responses" class="geant"></div>
            </div>

            </div>
          </div>
        </div>
      </div>
    </div>
</div>
<script>
    var pageStats = stats.stats;
    $(document).ready(function() {
        $('.simulation-tooltip').popover({trigger:'hover', placement:'left'});
        setDetailsLinkUrl();
        setGlobalMenu();
        setActiveMenu();
        fillStats(pageStats);
        
Highcharts.setOptions({
  global: { useUTC: false }
});

var rangesChart = new Highcharts.Chart({
  chart: {
    renderTo: 'ranges',
    marginRight: 100
  },
  credits: { enabled: false },
  legend: { enabled: false },
  title: { text: 'A title to let highcharts reserve the place for the title set later' },
  xAxis: {
    categories: [
      pageStats.group1.htmlName,
      pageStats.group2.htmlName,
      pageStats.group3.htmlName,
      pageStats.group4.htmlName
    ]
  },
  yAxis: {
    title: { text: 'Number of Requests' },
    reversedStacks: false
  },
  tooltip: {
    formatter: function() {
      var s;
      if (this.point.name) { // the pie chart
        s = ''+ this.point.name +': '+ this.y +'% requests';
      } else {
        s = ''+ this.y + ' requests';
      }
      return s;
    }
  },
  plotOptions: {
    series: {
      stacking: 'normal',
      shadow: true
    }
  },
  series: [
    {
      type: 'column',
      data: [{
      	color: '#68b65c',
      	y: pageStats.group1.count
      },
      {
      	color: '#FFDD00',
      	y: pageStats.group2.count
      },
      {
      	color: '#FFA900',
      	y: pageStats.group3.count
      },
      {
      	color: '#f15b4f',
      	y: pageStats.group4.count
      }]
    },
    {
      type: 'pie',
      name: 'Percentages',
      data: [
        {
          name: pageStats.group1.name,
          y: pageStats.group1.percentage,
          color: '#68b65c'
        },
        {
          name: pageStats.group2.name,
          y: pageStats.group2.percentage,
          color: '#FFDD00'
        },
        {
          name: pageStats.group3.name,
          y: pageStats.group3.percentage,
          color: '#FFA900'
        },
        {
          name: pageStats.group4.name,
          y: pageStats.group4.percentage,
          color: '#f15b4f'
        }
      ],
      center: [345, 0],
      size: 90,
      showInLegend: false,
      dataLabels: { enabled: false }
    }
  ]
});

rangesChart.setTitle({
  text: '<span class="chart_title">Response Time Ranges</span>',
  useHTML: true
});

function numberOfRequestsDataForGroup(group) {
  var data = {names: [], oks: [], kos: []};

  $.each(group.contents, function(contentName, content) {
    if (content.type == 'GROUP') {
      var result = numberOfRequestsDataForGroup(content);
      data.names = data.names.concat(result.names);
      data.oks = data.oks.concat(result.oks);
      data.kos = data.kos.concat(result.kos);
    }
    else if (content.type == 'REQUEST') {
      data.names.push(content.path);
      data.oks.push(parseInt(content.stats.numberOfRequests.ok));
      data.kos.push(parseInt(content.stats.numberOfRequests.ko));
    }
  });

  return data;
}

var numberOfRequestsData = numberOfRequestsDataForGroup(stats);
var tickInterval = Math.ceil(numberOfRequestsData.names.length / 1000);

new Highcharts.Chart({
  chart: {
    renderTo:'container_number_of_requests',
    polar:true,
    type:'column',
    height:330
  },
  credits:{
    enabled:false
  },
  title:{
    text:'<span class="chart_title">Number of requests</span>',
    useHTML: true,
    widthAdjust:-20
  },
  xAxis:{
    tickmarkPlacement:'on',
    tickInterval: tickInterval,
    categories:numberOfRequestsData.names,
    labels:{ enabled:false }
  },
  yAxis:{
    min:0,
    reversedStacks: false
  },
  plotOptions:{
    series:{
      stacking:'normal',
      groupPadding:0,
      pointPlacement:'on',
      shadow: true
    }
  },
  legend: {
      borderWidth: 0,
      itemStyle: { fontWeight: "normal" },
      symbolRadius: 0
  },
  series:[
      {
      name:'OK',
      data:numberOfRequestsData.oks,
      color:"#68b65c"
    },
    {
      name:'KO',
      data:numberOfRequestsData.kos,
      color:"#f15b4f"
    }
  ]
});

	    $('#container_exceptions').sortable('#container_exceptions');
    

function generateHtmlRow(request, level, index, parent, group) {
    if (request.name == 'All Requests')
        var url = 'index.html';
    else
        var url = request.pathFormatted + '.html';

    if (group)
        var expandButtonStyle = '';
    else
        var expandButtonStyle = ' hidden';

    if (request.stats.numberOfRequests.total != 0)
        var koPercent = (request.stats.numberOfRequests.ko * 100 / request.stats.numberOfRequests.total).toFixed(0) + '%';
    else
        var koPercent = '-'

    return '<tr id="' + request.pathFormatted + '" data-parent=' + parent + '> \
        <td class="total col-1"> \
          <div class="expandable-container"> \
            <span id="' + request.pathFormatted + '" style="margin-left: ' + (level * 10) + 'px;" class="expand-button' + expandButtonStyle + '">&nbsp;</span> \
            <a href="' + url +'" class="withTooltip">' + ellipsedLabel({ name: request.name, parentClass: "table-cell-tooltip" }) + '</a><span class="value" style="display:none;">' + index + '</span> \
          </div> \
        </td> \
        <td class="value total col-2">' + request.stats.numberOfRequests.total + '</td> \
        <td class="value ok col-3">' + request.stats.numberOfRequests.ok + '</td> \
        <td class="value ko col-4">' + request.stats.numberOfRequests.ko + '</td> \
        <td class="value ko col-5">' + koPercent + '</td> \
        <td class="value total col-6">' + request.stats.meanNumberOfRequestsPerSecond.total + '</td> \
        <td class="value total col-7">' + request.stats.minResponseTime.total + '</td> \
        <td class="value total col-8">' + request.stats.percentiles1.total + '</td> \
        <td class="value total col-9">' + request.stats.percentiles2.total + '</td> \
        <td class="value total col-10">' + request.stats.percentiles3.total + '</td> \
        <td class="value total col-11">' + request.stats.percentiles4.total + '</td> \
        <td class="value total col-12">' + request.stats.maxResponseTime.total + '</td> \
        <td class="value total col-13">' + request.stats.meanResponseTime.total + '</td> \
        <td class="value total col-14">' + request.stats.standardDeviation.total + '</td> \
        </tr>';
}

function generateHtmlRowsForGroup(group, level, index, parent) {
    var buffer = '';

    if (!parent)
        parent = 'ROOT';
    else {
        buffer += generateHtmlRow(group, level - 1, index, parent, true);
        index++;
        parent = group.pathFormatted;
    }

    $.each(group.contents, function(contentName, content) {
        if (content.type == 'GROUP') {
            var result = generateHtmlRowsForGroup(content, level + 1, index, parent);
            buffer += result.html;
            index = result.index;
        }
        else if (content.type == 'REQUEST') {
            buffer += generateHtmlRow(content, level, index, parent);
            index++;
        }
    });

    return { html: buffer, index: index };
}

$('#container_statistics_head tbody').append(generateHtmlRow(stats, 0, 0));

var lines = generateHtmlRowsForGroup(stats, 0, 0);
$('#container_statistics_body tbody').append(lines.html);

$('#container_statistics_head').sortable('#container_statistics_body');
$('.statistics').expandable();

if (lines.index < 30) {
    $('#statistics_title span').attr('style', 'display: none;');
} else {
    $('#statistics_title').addClass('title_collapsed');
    $('#statistics_title').click(function() {
        $('#toggle-stats').toggleClass("off");
        $(this).toggleClass('title_collapsed').toggleClass('title_expanded');
        $('#container_statistics_body').parent().toggleClass('scrollable').toggleClass('');
    });
}
$('.table-cell-tooltip').popover({trigger:'hover'});

	    $('#container_errors').sortable('#container_errors');
    
allUsersData.yAxis = 0;

var allUsersChart = new Highcharts.StockChart({
  chart: {
    renderTo: 'active_users',
    zoomType: 'x'
  },
  credits: { enabled: false },
  legend: {
    enabled: true,
    floating: true,
    align: 'right',
    verticalAlign: 'top',
    layout: 'vertical',
    borderWidth: 0,
    itemStyle: { fontWeight: "normal" },
    symbolRadius: 0
  },
  title: { text: 'A title to let highcharts reserve the place for the title set later' },
  navigator: {
    maskInside: false
  },
  rangeSelector: {
    buttonSpacing: 0,
    buttonTheme: {
      fill: '#CFC9C6',
      padding: 1,
      stroke: '#000000',
      'stroke-width': 0.25,
      style: {
        color: '#000000',
        fontWeight: 'bold',
      },
      states: {
        stroke: '#000000',
        'stroke-width': 0.25,
        hover: {
          fill: '#92918C',
          style: { color: 'black' }
        },
        select: {
          fill: '#FFA900',
          style: { color: 'white' }
        }
      }
    },
    buttons : [
      {
        type : 'minute',
        count : 1,
        text : '1m'
      }, {
        type : 'minute',
        count : 10,
        text : '10m'
      }, {
        type : 'hour',
        count : 1,
        text : '1h'
      }, {
        type : 'all',
        count : 1,
        text : 'All'
      }
    ],
    selected : 3,
    inputEnabled : false
  },
  xAxis: {
    type: 'datetime',
    ordinal: false,
    maxZoom: 10000 // three days
  },
  yAxis: {
    title: { text: 'Number of Active Users' },
    opposite: false,
    min: 0
  },
  series: [
    {
color: '#5E7BE2',
name: 'Busca Inválida de Pessoas',
data: [
  [1692825472000,3],[1692825473000,2],[1692825474000,2],[1692825475000,2],[1692825476000,2],[1692825477000,2],[1692825478000,2],[1692825479000,2],[1692825480000,2],[1692825481000,2],[1692825482000,2],[1692825483000,2],[1692825484000,2],[1692825485000,2],[1692825486000,2],[1692825487000,2],[1692825488000,2],[1692825489000,2],[1692825490000,2],[1692825491000,2],[1692825492000,2],[1692825493000,2],[1692825494000,2],[1692825495000,2],[1692825496000,2],[1692825497000,6],[1692825498000,6],[1692825499000,6],[1692825500000,7],[1692825501000,7],[1692825502000,7],[1692825503000,7],[1692825504000,8],[1692825505000,7],[1692825506000,8],[1692825507000,8],[1692825508000,8],[1692825509000,8],[1692825510000,9],[1692825511000,9],[1692825512000,9],[1692825513000,9],[1692825514000,9],[1692825515000,10],[1692825516000,9],[1692825517000,10],[1692825518000,10],[1692825519000,10],[1692825520000,11],[1692825521000,11],[1692825522000,10],[1692825523000,11],[1692825524000,12],[1692825525000,11],[1692825526000,12],[1692825527000,11],[1692825528000,12],[1692825529000,12],[1692825530000,13],[1692825531000,12],[1692825532000,13],[1692825533000,13],[1692825534000,13],[1692825535000,13],[1692825536000,14],[1692825537000,13],[1692825538000,14],[1692825539000,14],[1692825540000,14],[1692825541000,15],[1692825542000,14],[1692825543000,15],[1692825544000,15],[1692825545000,15],[1692825546000,16],[1692825547000,15],[1692825548000,16],[1692825549000,16],[1692825550000,16],[1692825551000,16],[1692825552000,17],[1692825553000,16],[1692825554000,17],[1692825555000,17],[1692825556000,18],[1692825557000,17],[1692825558000,18],[1692825559000,17],[1692825560000,18],[1692825561000,19],[1692825562000,18],[1692825563000,18],[1692825564000,19],[1692825565000,19],[1692825566000,19],[1692825567000,20],[1692825568000,19],[1692825569000,20],[1692825570000,20],[1692825571000,20],[1692825572000,20],[1692825573000,20],[1692825574000,21],[1692825575000,21],[1692825576000,21],[1692825577000,21],[1692825578000,22],[1692825579000,21],[1692825580000,22],[1692825581000,22],[1692825582000,22],[1692825583000,22],[1692825584000,23],[1692825585000,23],[1692825586000,23],[1692825587000,23],[1692825588000,23],[1692825589000,23],[1692825590000,24],[1692825591000,24],[1692825592000,24],[1692825593000,24],[1692825594000,25],[1692825595000,24],[1692825596000,25],[1692825597000,25],[1692825598000,25],[1692825599000,25],[1692825600000,26],[1692825601000,26],[1692825602000,26],[1692825603000,26],[1692825604000,26],[1692825605000,27],[1692825606000,26],[1692825607000,27],[1692825608000,27],[1692825609000,27],[1692825610000,28],[1692825611000,28],[1692825612000,27],[1692825613000,28],[1692825614000,29],[1692825615000,29],[1692825616000,28],[1692825617000,28],[1692825618000,30],[1692825619000,30],[1692825620000,29],[1692825621000,30],[1692825622000,30],[1692825623000,30],[1692825624000,30],[1692825625000,30],[1692825626000,31],[1692825627000,30],[1692825628000,31],[1692825629000,31],[1692825630000,31],[1692825631000,32],[1692825632000,31],[1692825633000,32],[1692825634000,32],[1692825635000,32],[1692825636000,33],[1692825637000,32],[1692825638000,33],[1692825639000,33],[1692825640000,33],[1692825641000,33],[1692825642000,34],[1692825643000,33],[1692825644000,34],[1692825645000,34],[1692825646000,35],[1692825647000,34],[1692825648000,35],[1692825649000,34],[1692825650000,35],[1692825651000,36],[1692825652000,35],[1692825653000,35],[1692825654000,36],[1692825655000,36],[1692825656000,36],[1692825657000,37],[1692825658000,36],[1692825659000,37],[1692825660000,37],[1692825661000,37],[1692825662000,37],[1692825663000,37],[1692825664000,38],[1692825665000,38],[1692825666000,38],[1692825667000,38],[1692825668000,39],[1692825669000,38],[1692825670000,39],[1692825671000,39],[1692825672000,39],[1692825673000,39],[1692825674000,40],[1692825675000,40],[1692825676000,38]
],
tooltip: { yDecimals: 0, ySuffix: '', valueDecimals: 0 }},
{
color: '#68b65c',
name: 'Busca Válida de Pessoas',
data: [
  [1692825472000,3],[1692825473000,2],[1692825474000,2],[1692825475000,2],[1692825476000,2],[1692825477000,2],[1692825478000,2],[1692825479000,2],[1692825480000,2],[1692825481000,2],[1692825482000,2],[1692825483000,2],[1692825484000,2],[1692825485000,2],[1692825486000,2],[1692825487000,2],[1692825488000,2],[1692825489000,2],[1692825490000,2],[1692825491000,2],[1692825492000,2],[1692825493000,2],[1692825494000,2],[1692825495000,2],[1692825496000,2],[1692825497000,6],[1692825498000,7],[1692825499000,7],[1692825500000,8],[1692825501000,8],[1692825502000,9],[1692825503000,9],[1692825504000,10],[1692825505000,11],[1692825506000,11],[1692825507000,11],[1692825508000,12],[1692825509000,13],[1692825510000,13],[1692825511000,13],[1692825512000,14],[1692825513000,15],[1692825514000,15],[1692825515000,16],[1692825516000,16],[1692825517000,17],[1692825518000,17],[1692825519000,18],[1692825520000,18],[1692825521000,19],[1692825522000,19],[1692825523000,20],[1692825524000,20],[1692825525000,21],[1692825526000,22],[1692825527000,21],[1692825528000,23],[1692825529000,23],[1692825530000,23],[1692825531000,24],[1692825532000,25],[1692825533000,25],[1692825534000,26],[1692825535000,26],[1692825536000,26],[1692825537000,27],[1692825538000,28],[1692825539000,29],[1692825540000,30],[1692825541000,30],[1692825542000,30],[1692825543000,30],[1692825544000,31],[1692825545000,31],[1692825546000,32],[1692825547000,33],[1692825548000,33],[1692825549000,33],[1692825550000,34],[1692825551000,34],[1692825552000,35],[1692825553000,36],[1692825554000,36],[1692825555000,36],[1692825556000,38],[1692825557000,37],[1692825558000,38],[1692825559000,39],[1692825560000,39],[1692825561000,40],[1692825562000,40],[1692825563000,41],[1692825564000,41],[1692825565000,42],[1692825566000,42],[1692825567000,43],[1692825568000,43],[1692825569000,44],[1692825570000,44],[1692825571000,45],[1692825572000,46],[1692825573000,46],[1692825574000,46],[1692825575000,47],[1692825576000,48],[1692825577000,48],[1692825578000,48],[1692825579000,49],[1692825580000,50],[1692825581000,50],[1692825582000,51],[1692825583000,51],[1692825584000,52],[1692825585000,52],[1692825586000,53],[1692825587000,53],[1692825588000,54],[1692825589000,54],[1692825590000,55],[1692825591000,55],[1692825592000,56],[1692825593000,56],[1692825594000,57],[1692825595000,59],[1692825596000,59],[1692825597000,59],[1692825598000,59],[1692825599000,60],[1692825600000,60],[1692825601000,60],[1692825602000,61],[1692825603000,62],[1692825604000,62],[1692825605000,63],[1692825606000,63],[1692825607000,64],[1692825608000,64],[1692825609000,65],[1692825610000,65],[1692825611000,66],[1692825612000,66],[1692825613000,67],[1692825614000,67],[1692825615000,68],[1692825616000,69],[1692825617000,68],[1692825618000,70],[1692825619000,70],[1692825620000,70],[1692825621000,71],[1692825622000,72],[1692825623000,72],[1692825624000,73],[1692825625000,73],[1692825626000,73],[1692825627000,74],[1692825628000,75],[1692825629000,75],[1692825630000,76],[1692825631000,76],[1692825632000,77],[1692825633000,77],[1692825634000,78],[1692825635000,78],[1692825636000,79],[1692825637000,80],[1692825638000,80],[1692825639000,80],[1692825640000,81],[1692825641000,81],[1692825642000,82],[1692825643000,83],[1692825644000,83],[1692825645000,83],[1692825646000,85],[1692825647000,84],[1692825648000,86],[1692825649000,87],[1692825650000,87],[1692825651000,87],[1692825652000,87],[1692825653000,87],[1692825654000,89],[1692825655000,89],[1692825656000,89],[1692825657000,90],[1692825658000,90],[1692825659000,91],[1692825660000,91],[1692825661000,92],[1692825662000,93],[1692825663000,93],[1692825664000,93],[1692825665000,94],[1692825666000,95],[1692825667000,95],[1692825668000,95],[1692825669000,96],[1692825670000,97],[1692825671000,97],[1692825672000,98],[1692825673000,98],[1692825674000,99],[1692825675000,99],[1692825676000,96]
],
tooltip: { yDecimals: 0, ySuffix: '', valueDecimals: 0 }},
{
color: '#f15b4f',
name: 'Criação E Talvez Consulta de Pessoas',
data: [
  [1692825472000,3],[1692825473000,2],[1692825474000,3],[1692825475000,3],[1692825476000,2],[1692825477000,2],[1692825478000,2],[1692825479000,2],[1692825480000,2],[1692825481000,1],[1692825482000,6],[1692825483000,6],[1692825484000,8],[1692825485000,4],[1692825486000,3],[1692825487000,2],[1692825488000,9],[1692825489000,8],[1692825490000,8],[1692825491000,8],[1692825492000,7],[1692825493000,8],[1692825494000,5],[1692825495000,6],[1692825496000,7],[1692825497000,7],[1692825498000,11],[1692825499000,14],[1692825500000,18],[1692825501000,21],[1692825502000,24],[1692825503000,28],[1692825504000,32],[1692825505000,35],[1692825506000,39],[1692825507000,41],[1692825508000,45],[1692825509000,48],[1692825510000,52],[1692825511000,54],[1692825512000,59],[1692825513000,61],[1692825514000,66],[1692825515000,68],[1692825516000,73],[1692825517000,74],[1692825518000,78],[1692825519000,81],[1692825520000,85],[1692825521000,89],[1692825522000,91],[1692825523000,95],[1692825524000,98],[1692825525000,102],[1692825526000,105],[1692825527000,108],[1692825528000,112],[1692825529000,115],[1692825530000,118],[1692825531000,122],[1692825532000,127],[1692825533000,129],[1692825534000,132],[1692825535000,135],[1692825536000,138],[1692825537000,142],[1692825538000,147],[1692825539000,149],[1692825540000,153],[1692825541000,157],[1692825542000,159],[1692825543000,161],[1692825544000,165],[1692825545000,167],[1692825546000,173],[1692825547000,174],[1692825548000,178],[1692825549000,182],[1692825550000,184],[1692825551000,188],[1692825552000,193],[1692825553000,195],[1692825554000,199],[1692825555000,205],[1692825556000,206],[1692825557000,208],[1692825558000,212],[1692825559000,215],[1692825560000,221],[1692825561000,223],[1692825562000,226],[1692825563000,230],[1692825564000,232],[1692825565000,235],[1692825566000,239],[1692825567000,241],[1692825568000,246],[1692825569000,249],[1692825570000,253],[1692825571000,257],[1692825572000,260],[1692825573000,263],[1692825574000,267],[1692825575000,270],[1692825576000,271],[1692825577000,277],[1692825578000,280],[1692825579000,280],[1692825580000,287],[1692825581000,290],[1692825582000,292],[1692825583000,295],[1692825584000,299],[1692825585000,304],[1692825586000,307],[1692825587000,310],[1692825588000,311],[1692825589000,315],[1692825590000,322],[1692825591000,323],[1692825592000,324],[1692825593000,328],[1692825594000,331],[1692825595000,338],[1692825596000,339],[1692825597000,344],[1692825598000,345],[1692825599000,349],[1692825600000,355],[1692825601000,358],[1692825602000,357],[1692825603000,364],[1692825604000,365],[1692825605000,369],[1692825606000,374],[1692825607000,380],[1692825608000,378],[1692825609000,382],[1692825610000,387],[1692825611000,390],[1692825612000,391],[1692825613000,396],[1692825614000,403],[1692825615000,403],[1692825616000,407],[1692825617000,409],[1692825618000,414],[1692825619000,415],[1692825620000,422],[1692825621000,423],[1692825622000,426],[1692825623000,430],[1692825624000,434],[1692825625000,437],[1692825626000,440],[1692825627000,442],[1692825628000,449],[1692825629000,449],[1692825630000,456],[1692825631000,456],[1692825632000,460],[1692825633000,463],[1692825634000,466],[1692825635000,470],[1692825636000,475],[1692825637000,477],[1692825638000,480],[1692825639000,483],[1692825640000,488],[1692825641000,492],[1692825642000,493],[1692825643000,499],[1692825644000,502],[1692825645000,501],[1692825646000,511],[1692825647000,513],[1692825648000,513],[1692825649000,516],[1692825650000,523],[1692825651000,521],[1692825652000,528],[1692825653000,529],[1692825654000,533],[1692825655000,537],[1692825656000,539],[1692825657000,543],[1692825658000,546],[1692825659000,552],[1692825660000,554],[1692825661000,560],[1692825662000,561],[1692825663000,564],[1692825664000,568],[1692825665000,573],[1692825666000,575],[1692825667000,577],[1692825668000,579],[1692825669000,585],[1692825670000,588],[1692825671000,593],[1692825672000,594],[1692825673000,599],[1692825674000,604],[1692825675000,605],[1692825676000,588]
],
tooltip: { yDecimals: 0, ySuffix: '', valueDecimals: 0 }},

    allUsersData
  ]
});


allUsersChart.setTitle({
  text: '<span class="chart_title">Active Users along the Simulation</span>',
  useHTML: true
});

allUsersData.yAxis = 1;

var responsetimeDistributionChart = new Highcharts.Chart({
  chart: {
    renderTo: 'responsetimeDistributionContainer',
    type: 'column',
    marginBottom: 60
  },
  credits: { enabled: false },
  legend: {
    enabled: true,
    floating: true,
    y: 5,
    borderWidth: 0,
    itemStyle: { fontWeight: "normal" },
    symbolRadius: 0
  },
  title: { text: 'A title to let highcharts reserve the place for the title set later' },
  navigator: {
    maskInside: false
  },
  xAxis: {
    categories: ['0', '1', '2', '3', '4', '5', '6', '7', '8', '9', '10', '11', '12', '13', '14', '16', '17', '18', '20'],
    tickInterval: 20
  },
  yAxis: {
    min: 0,
    title: { text: 'Percentage of Requests' },
    reversedStacks: false
  },
  tooltip: {
    formatter: function() {
      return '<b>'+ this.x +' ms</b><br/>'+
      this.series.name +': '+ this.y +' %<br/>'+
      'Total: '+ this.point.stackTotal + ' %';
    }
  },
  plotOptions: {
    series: {
      groupPadding: 0,
      stacking: 'normal',
	    shadow: true
    }
  },
  series: [
  	{
type: 'column',
color: '#68b65c',
name: 'OK',
data: [
  
],
tooltip: { yDecimals: 0, ySuffix: 'ms' }
},
  	{
type: 'column',
color: '#f15b4f',
name: 'KO',
data: [
  75.43,24.2,0.17,0.06,0.03,0.01,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.01,0.0,0.0,0.0,0.0,0.0
],
tooltip: { yDecimals: 0, ySuffix: 'ms' }
}
  ]
});

responsetimeDistributionChart.setTitle({
  text: '<span class="chart_title">Response Time Distribution</span>',
  useHTML: true
});

var responsetimepercentilesovertimeokPercentiles = unpack([[1692825472,null],[1692825473,null],[1692825474,null],[1692825475,null],[1692825476,null],[1692825477,null],[1692825478,null],[1692825479,null],[1692825480,null],[1692825481,null],[1692825482,null],[1692825483,null],[1692825484,null],[1692825485,null],[1692825486,null],[1692825487,null],[1692825488,null],[1692825489,null],[1692825490,null],[1692825491,null],[1692825492,null],[1692825493,null],[1692825494,null],[1692825495,null],[1692825496,null],[1692825497,null],[1692825498,null],[1692825499,null],[1692825500,null],[1692825501,null],[1692825502,null],[1692825503,null],[1692825504,null],[1692825505,null],[1692825506,null],[1692825507,null],[1692825508,null],[1692825509,null],[1692825510,null],[1692825511,null],[1692825512,null],[1692825513,null],[1692825514,null],[1692825515,null],[1692825516,null],[1692825517,null],[1692825518,null],[1692825519,null],[1692825520,null],[1692825521,null],[1692825522,null],[1692825523,null],[1692825524,null],[1692825525,null],[1692825526,null],[1692825527,null],[1692825528,null],[1692825529,null],[1692825530,null],[1692825531,null],[1692825532,null],[1692825533,null],[1692825534,null],[1692825535,null],[1692825536,null],[1692825537,null],[1692825538,null],[1692825539,null],[1692825540,null],[1692825541,null],[1692825542,null],[1692825543,null],[1692825544,null],[1692825545,null],[1692825546,null],[1692825547,null],[1692825548,null],[1692825549,null],[1692825550,null],[1692825551,null],[1692825552,null],[1692825553,null],[1692825554,null],[1692825555,null],[1692825556,null],[1692825557,null],[1692825558,null],[1692825559,null],[1692825560,null],[1692825561,null],[1692825562,null],[1692825563,null],[1692825564,null],[1692825565,null],[1692825566,null],[1692825567,null],[1692825568,null],[1692825569,null],[1692825570,null],[1692825571,null],[1692825572,null],[1692825573,null],[1692825574,null],[1692825575,null],[1692825576,null],[1692825577,null],[1692825578,null],[1692825579,null],[1692825580,null],[1692825581,null],[1692825582,null],[1692825583,null],[1692825584,null],[1692825585,null],[1692825586,null],[1692825587,null],[1692825588,null],[1692825589,null],[1692825590,null],[1692825591,null],[1692825592,null],[1692825593,null],[1692825594,null],[1692825595,null],[1692825596,null],[1692825597,null],[1692825598,null],[1692825599,null],[1692825600,null],[1692825601,null],[1692825602,null],[1692825603,null],[1692825604,null],[1692825605,null],[1692825606,null],[1692825607,null],[1692825608,null],[1692825609,null],[1692825610,null],[1692825611,null],[1692825612,null],[1692825613,null],[1692825614,null],[1692825615,null],[1692825616,null],[1692825617,null],[1692825618,null],[1692825619,null],[1692825620,null],[1692825621,null],[1692825622,null],[1692825623,null],[1692825624,null],[1692825625,null],[1692825626,null],[1692825627,null],[1692825628,null],[1692825629,null],[1692825630,null],[1692825631,null],[1692825632,null],[1692825633,null],[1692825634,null],[1692825635,null],[1692825636,null],[1692825637,null],[1692825638,null],[1692825639,null],[1692825640,null],[1692825641,null],[1692825642,null],[1692825643,null],[1692825644,null],[1692825645,null],[1692825646,null],[1692825647,null],[1692825648,null],[1692825649,null],[1692825650,null],[1692825651,null],[1692825652,null],[1692825653,null],[1692825654,null],[1692825655,null],[1692825656,null],[1692825657,null],[1692825658,null],[1692825659,null],[1692825660,null],[1692825661,null],[1692825662,null],[1692825663,null],[1692825664,null],[1692825665,null],[1692825666,null],[1692825667,null],[1692825668,null],[1692825669,null],[1692825670,null],[1692825671,null],[1692825672,null],[1692825673,null],[1692825674,null],[1692825675,null],[1692825676,null]]);

var responsetimepercentilesovertimeokPercentilesChart = new Highcharts.StockChart({
  chart: {
    renderTo: 'responsetimepercentilesovertimeokPercentilesContainer',
    zoomType: 'x',
    marginBottom: 60
  },
  colors: ['#c4fd90', '#7ff77f', '#6ff2ad', '#61ede6', '#58c7e0', '#4ea1d4', '#487ad9', '#3f52cc', '#7335dc', '#c73905', '#FFA900'],
  credits: { enabled: false },
  legend: {
    enabled: true,
    floating: true,
    y: -65,
    borderWidth: 0,
    itemStyle: { fontWeight: "normal" },
    symbolRadius: 0
  },
  title: { text: 'A title to let highcharts reserve the place for the title set later' },
  navigator: {
    maskInside: false,
    baseSeries: 9
  },
  rangeSelector: {
    rangeSelector: { align: "left" },
    buttonSpacing: 0,
    buttonTheme: {
      fill: '#CFC9C6',
      padding: 1,
      stroke: '#000000',
      'stroke-width': 0.25,
      style: {
        color: '#000000',
        fontWeight: 'bold',
      },
      states: {
        stroke: '#92918C',
        'stroke-width': 0.25,
        hover: {
          fill: '#92918C',
          style: { color: 'black' }
        },
        select: {
          fill: '#FFA900',
          style: { color: 'white' }
        }
      }
    },
    buttons : [
      {
        type : 'minute',
        count : 1,
        text : '1m'
      }, {
        type : 'minute',
        count : 10,
        text : '10m'
      }, {
        type : 'hour',
        count : 1,
        text : '1h'
      }, {
        type : 'all',
        count : 1,
        text : 'All'
      }
    ],
    selected : 3,
    inputEnabled : false
  },
  xAxis: {
    type: 'datetime',
    ordinal: false,
    maxZoom: 10000 // three days
  },
  yAxis:[
    {
      min: 0,
      title: { text: 'Response Time (ms)' },
      opposite: false
    }, {
      min: 0,
      title: {
        text: 'Active Users',
        style: { color: '#FFA900' }
      },
      opposite: true
    }
  ],
  plotOptions: {
    arearange: { lineWidth: 1 },
    series: {
      dataGrouping: { enabled: false }
    }
  },
  series: [
  
    
         {
pointInterval: 1000,
name: 'min',
data: responsetimepercentilesovertimeokPercentiles[0],
tooltip: { yDecimals: 0, ySuffix: 'ms' },
type : 'area',
yAxis: 0,
zIndex: 10
},
         {
pointInterval: 1000,
name: '25%',
data: responsetimepercentilesovertimeokPercentiles[1],
tooltip: { yDecimals: 0, ySuffix: 'ms' },
type : 'area',
yAxis: 0,
zIndex: 9
},
         {
pointInterval: 1000,
name: '50%',
data: responsetimepercentilesovertimeokPercentiles[2],
tooltip: { yDecimals: 0, ySuffix: 'ms' },
type : 'area',
yAxis: 0,
zIndex: 8
},
         {
pointInterval: 1000,
name: '75%',
data: responsetimepercentilesovertimeokPercentiles[3],
tooltip: { yDecimals: 0, ySuffix: 'ms' },
type : 'area',
yAxis: 0,
zIndex: 7
},
         {
pointInterval: 1000,
name: '80%',
data: responsetimepercentilesovertimeokPercentiles[4],
tooltip: { yDecimals: 0, ySuffix: 'ms' },
type : 'area',
yAxis: 0,
zIndex: 6
},
         {
pointInterval: 1000,
name: '85%',
data: responsetimepercentilesovertimeokPercentiles[5],
tooltip: { yDecimals: 0, ySuffix: 'ms' },
type : 'area',
yAxis: 0,
zIndex: 5
},
         {
pointInterval: 1000,
name: '90%',
data: responsetimepercentilesovertimeokPercentiles[6],
tooltip: { yDecimals: 0, ySuffix: 'ms' },
type : 'area',
yAxis: 0,
zIndex: 4
},
         {
pointInterval: 1000,
name: '95%',
data: responsetimepercentilesovertimeokPercentiles[7],
tooltip: { yDecimals: 0, ySuffix: 'ms' },
type : 'area',
yAxis: 0,
zIndex: 3
},
         {
pointInterval: 1000,
name: '99%',
data: responsetimepercentilesovertimeokPercentiles[8],
tooltip: { yDecimals: 0, ySuffix: 'ms' },
type : 'area',
yAxis: 0,
zIndex: 2
},
         {
pointInterval: 1000,
name: 'max',
data: responsetimepercentilesovertimeokPercentiles[9],
tooltip: { yDecimals: 0, ySuffix: 'ms' },
type : 'area',
yAxis: 0,
zIndex: 1
},
  allUsersData
  ]
});

responsetimepercentilesovertimeokPercentilesChart.setTitle({
  text: '<span class="chart_title chart_title_">Response Time Percentiles over Time (OK)</span>',
  useHTML: true
});

var requests = unpack([[1692825472,[6,0,6]],[1692825473,[6,0,6]],[1692825474,[6,0,6]],[1692825475,[6,0,6]],[1692825476,[6,0,6]],[1692825477,[6,0,6]],[1692825478,[6,0,6]],[1692825479,[6,0,6]],[1692825480,[6,0,6]],[1692825481,[6,0,6]],[1692825482,[8,0,8]],[1692825483,[9,0,9]],[1692825484,[11,0,11]],[1692825485,[8,0,8]],[1692825486,[9,0,9]],[1692825487,[7,0,7]],[1692825488,[8,0,8]],[1692825489,[11,0,11]],[1692825490,[13,0,13]],[1692825491,[11,0,11]],[1692825492,[12,0,12]],[1692825493,[11,0,11]],[1692825494,[9,0,9]],[1692825495,[9,0,9]],[1692825496,[10,0,10]],[1692825497,[15,0,15]],[1692825498,[21,0,21]],[1692825499,[26,0,26]],[1692825500,[30,0,30]],[1692825501,[35,0,35]],[1692825502,[37,0,37]],[1692825503,[42,0,42]],[1692825504,[47,0,47]],[1692825505,[50,0,50]],[1692825506,[55,0,55]],[1692825507,[58,0,58]],[1692825508,[62,0,62]],[1692825509,[66,0,66]],[1692825510,[70,0,70]],[1692825511,[74,0,74]],[1692825512,[79,0,79]],[1692825513,[81,0,81]],[1692825514,[88,0,88]],[1692825515,[90,0,90]],[1692825516,[94,0,94]],[1692825517,[99,0,99]],[1692825518,[103,0,103]],[1692825519,[105,0,105]],[1692825520,[110,0,110]],[1692825521,[116,0,116]],[1692825522,[118,0,118]],[1692825523,[121,0,121]],[1692825524,[127,0,127]],[1692825525,[131,0,131]],[1692825526,[135,0,135]],[1692825527,[138,0,138]],[1692825528,[142,0,142]],[1692825529,[147,0,147]],[1692825530,[150,0,150]],[1692825531,[154,0,154]],[1692825532,[159,0,159]],[1692825533,[163,0,163]],[1692825534,[166,0,166]],[1692825535,[170,0,170]],[1692825536,[176,0,176]],[1692825537,[178,0,178]],[1692825538,[182,0,182]],[1692825539,[186,0,186]],[1692825540,[192,0,192]],[1692825541,[194,0,194]],[1692825542,[199,0,199]],[1692825543,[202,0,202]],[1692825544,[208,0,208]],[1692825545,[210,0,210]],[1692825546,[215,0,215]],[1692825547,[219,0,219]],[1692825548,[222,0,222]],[1692825549,[227,0,227]],[1692825550,[231,0,231]],[1692825551,[235,0,235]],[1692825552,[238,0,238]],[1692825553,[240,0,240]],[1692825554,[250,0,250]],[1692825555,[251,0,251]],[1692825556,[255,0,255]],[1692825557,[259,0,259]],[1692825558,[262,0,262]],[1692825559,[267,0,267]],[1692825560,[270,0,270]],[1692825561,[276,0,276]],[1692825562,[279,0,279]],[1692825563,[282,0,282]],[1692825564,[287,0,287]],[1692825565,[291,0,291]],[1692825566,[295,0,295]],[1692825567,[298,0,298]],[1692825568,[303,0,303]],[1692825569,[307,0,307]],[1692825570,[311,0,311]],[1692825571,[316,0,316]],[1692825572,[318,0,318]],[1692825573,[323,0,323]],[1692825574,[327,0,327]],[1692825575,[332,0,332]],[1692825576,[335,0,335]],[1692825577,[339,0,339]],[1692825578,[342,0,342]],[1692825579,[348,0,348]],[1692825580,[350,0,350]],[1692825581,[356,0,356]],[1692825582,[359,0,359]],[1692825583,[363,0,363]],[1692825584,[367,0,367]],[1692825585,[372,0,372]],[1692825586,[376,0,376]],[1692825587,[379,0,379]],[1692825588,[382,0,382]],[1692825589,[386,0,386]],[1692825590,[391,0,391]],[1692825591,[396,0,396]],[1692825592,[399,0,399]],[1692825593,[403,0,403]],[1692825594,[408,0,408]],[1692825595,[410,0,410]],[1692825596,[416,0,416]],[1692825597,[419,0,419]],[1692825598,[423,0,423]],[1692825599,[428,0,428]],[1692825600,[431,0,431]],[1692825601,[435,0,435]],[1692825602,[440,0,440]],[1692825603,[443,0,443]],[1692825604,[446,0,446]],[1692825605,[453,0,453]],[1692825606,[455,0,455]],[1692825607,[460,0,460]],[1692825608,[463,0,463]],[1692825609,[466,0,466]],[1692825610,[472,0,472]],[1692825611,[477,0,477]],[1692825612,[479,0,479]],[1692825613,[482,0,482]],[1692825614,[488,0,488]],[1692825615,[491,0,491]],[1692825616,[496,0,496]],[1692825617,[499,0,499]],[1692825618,[504,0,504]],[1692825619,[507,0,507]],[1692825620,[513,0,513]],[1692825621,[514,0,514]],[1692825622,[520,0,520]],[1692825623,[523,0,523]],[1692825624,[528,0,528]],[1692825625,[531,0,531]],[1692825626,[536,0,536]],[1692825627,[540,0,540]],[1692825628,[542,0,542]],[1692825629,[548,0,548]],[1692825630,[552,0,552]],[1692825631,[557,0,557]],[1692825632,[559,0,559]],[1692825633,[564,0,564]],[1692825634,[567,0,567]],[1692825635,[571,0,571]],[1692825636,[577,0,577]],[1692825637,[580,0,580]],[1692825638,[583,0,583]],[1692825639,[587,0,587]],[1692825640,[590,0,590]],[1692825641,[598,0,598]],[1692825642,[600,0,600]],[1692825643,[603,0,603]],[1692825644,[609,0,609]],[1692825645,[611,0,611]],[1692825646,[616,0,616]],[1692825647,[620,0,620]],[1692825648,[624,0,624]],[1692825649,[627,0,627]],[1692825650,[631,0,631]],[1692825651,[636,0,636]],[1692825652,[641,0,641]],[1692825653,[643,0,643]],[1692825654,[648,0,648]],[1692825655,[653,0,653]],[1692825656,[656,0,656]],[1692825657,[659,0,659]],[1692825658,[665,0,665]],[1692825659,[667,0,667]],[1692825660,[672,0,672]],[1692825661,[676,0,676]],[1692825662,[680,0,680]],[1692825663,[684,0,684]],[1692825664,[687,0,687]],[1692825665,[693,0,693]],[1692825666,[697,0,697]],[1692825667,[698,0,698]],[1692825668,[704,0,704]],[1692825669,[709,0,709]],[1692825670,[712,0,712]],[1692825671,[716,0,716]],[1692825672,[720,0,720]],[1692825673,[724,0,724]],[1692825674,[728,0,728]],[1692825675,[733,0,733]],[1692825676,[1080,0,1080]]]);

var requestsChart = new Highcharts.StockChart({
  chart: {
    renderTo: 'requests',
    zoomType: 'x',
    marginBottom: 60
  },
  credits: { enabled: false },
  legend: {
    enabled: true,
    floating: true,
    y: -65,
    borderWidth: 0,
    itemStyle: { fontWeight: "normal" },
    symbolRadius: 0
  },
  title: { text: 'A title to let highcharts reserve the place for the title set later' },
  navigator: {
    maskInside: false
  },
  rangeSelector: {
    buttonSpacing: 0,
    buttonTheme: {
      fill: '#CFC9C6',
      padding: 1,
      stroke: '#000000',
      'stroke-width': 0.25,
      style: {
        color: '#000000',
        fontWeight: 'bold',
      },
      states: {
        stroke: '#000000',
        'stroke-width': 0.25,
        hover: {
          fill: '#92918C',
          style: { color: 'black' }
         },
         select: {
          fill: '#FFA900',
          style: { color: 'white' }
        }
      }
    },
    buttons : [
      {
        type : 'minute',
        count : 1,
        text : '1m'
      }, {
        type : 'minute',
        count : 10,
        text : '10m'
      }, {
        type : 'hour',
        count : 1,
        text : '1h'
      }, {
        type : 'all',
        count : 1,
        text : 'All'
      }
    ],
    selected : 3,
    inputEnabled : false
  },
  plotOptions: {
    series: {
      dataGrouping: { enabled: false }
    },
    area: {
      stacking: 'normal'
    }
  },
  xAxis: {
    type: 'datetime',
    ordinal: false,
    maxZoom: 10000 // three days
  },
  yAxis:[
    {
      min: 0,
      title: { text: 'Number of requests' },
      opposite: false,
      reversedStacks: false
    }, {
      min: 0,
      title: {
        text: 'Active Users',
        style: { color: '#FFA900' }
      },
      opposite: true
    }
  ],
  series: [
    {
color: '#5E7BE2',
name: 'All',
data: requests[0],
tooltip: { yDecimals: 0, ySuffix: '', valueDecimals: 0 }
,type: 'area'},
    allUsersData
  ]
});

requestsChart.setTitle({
  text: '<span class="chart_title">Number of requests per second</span>',
  useHTML: true
});

var responses = unpack([[1692825472,[6,0,6]],[1692825473,[6,0,6]],[1692825474,[6,0,6]],[1692825475,[6,0,6]],[1692825476,[6,0,6]],[1692825477,[6,0,6]],[1692825478,[6,0,6]],[1692825479,[6,0,6]],[1692825480,[6,0,6]],[1692825481,[6,0,6]],[1692825482,[8,0,8]],[1692825483,[9,0,9]],[1692825484,[11,0,11]],[1692825485,[8,0,8]],[1692825486,[9,0,9]],[1692825487,[7,0,7]],[1692825488,[8,0,8]],[1692825489,[11,0,11]],[1692825490,[13,0,13]],[1692825491,[11,0,11]],[1692825492,[12,0,12]],[1692825493,[11,0,11]],[1692825494,[9,0,9]],[1692825495,[9,0,9]],[1692825496,[10,0,10]],[1692825497,[15,0,15]],[1692825498,[21,0,21]],[1692825499,[26,0,26]],[1692825500,[30,0,30]],[1692825501,[35,0,35]],[1692825502,[37,0,37]],[1692825503,[42,0,42]],[1692825504,[47,0,47]],[1692825505,[50,0,50]],[1692825506,[55,0,55]],[1692825507,[58,0,58]],[1692825508,[62,0,62]],[1692825509,[66,0,66]],[1692825510,[70,0,70]],[1692825511,[74,0,74]],[1692825512,[79,0,79]],[1692825513,[81,0,81]],[1692825514,[87,0,87]],[1692825515,[91,0,91]],[1692825516,[94,0,94]],[1692825517,[99,0,99]],[1692825518,[103,0,103]],[1692825519,[105,0,105]],[1692825520,[110,0,110]],[1692825521,[116,0,116]],[1692825522,[118,0,118]],[1692825523,[121,0,121]],[1692825524,[127,0,127]],[1692825525,[131,0,131]],[1692825526,[135,0,135]],[1692825527,[138,0,138]],[1692825528,[142,0,142]],[1692825529,[147,0,147]],[1692825530,[150,0,150]],[1692825531,[154,0,154]],[1692825532,[159,0,159]],[1692825533,[163,0,163]],[1692825534,[166,0,166]],[1692825535,[170,0,170]],[1692825536,[176,0,176]],[1692825537,[178,0,178]],[1692825538,[182,0,182]],[1692825539,[186,0,186]],[1692825540,[191,0,191]],[1692825541,[195,0,195]],[1692825542,[199,0,199]],[1692825543,[201,0,201]],[1692825544,[207,0,207]],[1692825545,[211,0,211]],[1692825546,[216,0,216]],[1692825547,[218,0,218]],[1692825548,[223,0,223]],[1692825549,[227,0,227]],[1692825550,[231,0,231]],[1692825551,[234,0,234]],[1692825552,[239,0,239]],[1692825553,[240,0,240]],[1692825554,[250,0,250]],[1692825555,[251,0,251]],[1692825556,[255,0,255]],[1692825557,[259,0,259]],[1692825558,[262,0,262]],[1692825559,[267,0,267]],[1692825560,[270,0,270]],[1692825561,[276,0,276]],[1692825562,[279,0,279]],[1692825563,[281,0,281]],[1692825564,[288,0,288]],[1692825565,[291,0,291]],[1692825566,[295,0,295]],[1692825567,[298,0,298]],[1692825568,[303,0,303]],[1692825569,[307,0,307]],[1692825570,[311,0,311]],[1692825571,[316,0,316]],[1692825572,[318,0,318]],[1692825573,[323,0,323]],[1692825574,[327,0,327]],[1692825575,[332,0,332]],[1692825576,[335,0,335]],[1692825577,[339,0,339]],[1692825578,[342,0,342]],[1692825579,[348,0,348]],[1692825580,[350,0,350]],[1692825581,[356,0,356]],[1692825582,[359,0,359]],[1692825583,[363,0,363]],[1692825584,[367,0,367]],[1692825585,[371,0,371]],[1692825586,[377,0,377]],[1692825587,[379,0,379]],[1692825588,[382,0,382]],[1692825589,[386,0,386]],[1692825590,[391,0,391]],[1692825591,[396,0,396]],[1692825592,[399,0,399]],[1692825593,[403,0,403]],[1692825594,[408,0,408]],[1692825595,[410,0,410]],[1692825596,[416,0,416]],[1692825597,[419,0,419]],[1692825598,[423,0,423]],[1692825599,[428,0,428]],[1692825600,[431,0,431]],[1692825601,[435,0,435]],[1692825602,[439,0,439]],[1692825603,[444,0,444]],[1692825604,[446,0,446]],[1692825605,[453,0,453]],[1692825606,[455,0,455]],[1692825607,[460,0,460]],[1692825608,[463,0,463]],[1692825609,[466,0,466]],[1692825610,[472,0,472]],[1692825611,[477,0,477]],[1692825612,[479,0,479]],[1692825613,[482,0,482]],[1692825614,[488,0,488]],[1692825615,[491,0,491]],[1692825616,[496,0,496]],[1692825617,[499,0,499]],[1692825618,[503,0,503]],[1692825619,[508,0,508]],[1692825620,[513,0,513]],[1692825621,[514,0,514]],[1692825622,[520,0,520]],[1692825623,[523,0,523]],[1692825624,[528,0,528]],[1692825625,[531,0,531]],[1692825626,[536,0,536]],[1692825627,[539,0,539]],[1692825628,[543,0,543]],[1692825629,[548,0,548]],[1692825630,[552,0,552]],[1692825631,[557,0,557]],[1692825632,[559,0,559]],[1692825633,[564,0,564]],[1692825634,[567,0,567]],[1692825635,[571,0,571]],[1692825636,[577,0,577]],[1692825637,[580,0,580]],[1692825638,[583,0,583]],[1692825639,[587,0,587]],[1692825640,[590,0,590]],[1692825641,[598,0,598]],[1692825642,[600,0,600]],[1692825643,[603,0,603]],[1692825644,[608,0,608]],[1692825645,[612,0,612]],[1692825646,[616,0,616]],[1692825647,[620,0,620]],[1692825648,[624,0,624]],[1692825649,[627,0,627]],[1692825650,[631,0,631]],[1692825651,[636,0,636]],[1692825652,[641,0,641]],[1692825653,[643,0,643]],[1692825654,[648,0,648]],[1692825655,[653,0,653]],[1692825656,[656,0,656]],[1692825657,[659,0,659]],[1692825658,[665,0,665]],[1692825659,[667,0,667]],[1692825660,[672,0,672]],[1692825661,[676,0,676]],[1692825662,[680,0,680]],[1692825663,[683,0,683]],[1692825664,[688,0,688]],[1692825665,[693,0,693]],[1692825666,[696,0,696]],[1692825667,[699,0,699]],[1692825668,[704,0,704]],[1692825669,[709,0,709]],[1692825670,[712,0,712]],[1692825671,[716,0,716]],[1692825672,[720,0,720]],[1692825673,[724,0,724]],[1692825674,[727,0,727]],[1692825675,[734,0,734]],[1692825676,[1080,0,1080]]]);

var requestsChart = new Highcharts.StockChart({
  chart: {
    renderTo: 'responses',
    zoomType: 'x',
    marginBottom: 60
  },
  credits: { enabled: false },
  legend: {
    enabled: true,
    floating: true,
    y: -65,
    borderWidth: 0,
    itemStyle: { fontWeight: "normal" },
    symbolRadius: 0
  },
  title: { text: 'A title to let highcharts reserve the place for the title set later' },
  navigator: {
    maskInside: false
  },
  rangeSelector: {
    buttonSpacing: 0,
    buttonTheme: {
      fill: '#CFC9C6',
      padding: 1,
      stroke: '#000000',
      'stroke-width': 0.25,
      style: {
        color: '#000000',
        fontWeight: 'bold',
      },
      states: {
        stroke: '#000000',
        'stroke-width': 0.25,
        hover: {
          fill: '#92918C',
          style: { color: 'black' }
         },
         select: {
          fill: '#FFA900',
          style: { color: 'white' }
        }
      }
    },
    buttons : [
      {
        type : 'minute',
        count : 1,
        text : '1m'
      }, {
        type : 'minute',
        count : 10,
        text : '10m'
      }, {
        type : 'hour',
        count : 1,
        text : '1h'
      }, {
        type : 'all',
        count : 1,
        text : 'All'
      }
    ],
    selected : 3,
    inputEnabled : false
  },
  plotOptions: {
    series: {
      dataGrouping: { enabled: false }
    },
    area: {
      stacking: 'normal'
    }
  },
  xAxis: {
    type: 'datetime',
    ordinal: false,
    maxZoom: 10000 // three days
  },
  yAxis:[
    {
      min: 0,
      title: { text: 'Number of responses' },
      opposite: false,
      reversedStacks: false
    }, {
      min: 0,
      title: {
        text: 'Active Users',
        style: { color: '#FFA900' }
      },
      opposite: true
    }
  ],
  series: [
    {
color: '#5E7BE2',
name: 'All',
data: responses[0],
tooltip: { yDecimals: 0, ySuffix: '', valueDecimals: 0 }
},
{
color: '#68b65c',
name: 'OK',
data: responses[1],
tooltip: { yDecimals: 0, ySuffix: '', valueDecimals: 0 }
,type: 'area'},
{
color: '#f15b4f',
name: 'KO',
data: responses[2],
tooltip: { yDecimals: 0, ySuffix: '', valueDecimals: 0 }
,type: 'area'},
    allUsersData,
{
  
type: 'pie',
name: 'Distribution',
data: [
  {name: 'OK', y: 0.0, color: '#68b65c'},{name: 'KO', y: 68429.0, color: '#f15b4f'}
],
center: [775, -40],
size: 70,
showInLegend: false,
dataLabels: { enabled: false },
dataGrouping: { enabled: false }

}

  ]
});

requestsChart.setTitle({
  text: '<span class="chart_title">Number of responses per second</span>',
  useHTML: true
});

    });
</script>
</div>
</body>
</html>
